<template>
    <view class="header">
        <image class="img-title" src="../../../static/icon/back-btn.png" @click="router" mode="" />
        <view class="title">{{ $t('information.shiming.cert') }}</view>
    </view>
    <view class="main">
        <image src="../../../static/img/cert-success.png" mode="" />
        <view class="main-title">{{ $t('information.shiming.success') }}</view>
    </view>
</template>

<script setup>

function router() {
    uni.navigateBack({ delta: 1 });
}

</script>

<style lang="scss">
page {
    background-color: $uni-bg-color-dark;
}

.header {
    width: 100%;
    height: 88rpx;
 // #ifndef H5
 margin-top: 88rpx;
 // #endif
    display: flex;
    justify-content: space-between;
    align-items: center;

    .title {
        text-align: center;
        color: #fff;
        margin: 0 auto;
        padding-right: 104rpx;
        font-size: 32rpx;
    }

    .img-title {
        width: 58rpx;
        height: 58rpx;
        margin-left: 46rpx;
    }
}

.main {
    margin-top: 116rpx;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    image {
        width: 178rpx;
        height: 138rpx;
    }

    .main-title {
        color: #fff;
        font-size: 36rpx;
        margin-top: 40rpx;
    }
}
</style>